<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="icon" type="image/x-icon" href="img/htc.ico"/>
		<title>HTC 中国</title>
		<link rel="stylesheet" type="text/css" href="css/nav.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div id="topAdvert"><span>[广告]</span></div>
		<!--导航部分开始-->
		<div id="nav">
			<!--图标部分-->
			<div class="logo">
				<a href="index.html"><img src="img/htc-logo.png"/></a>
			</div>
			<!--菜单部分-->
			<div class="menu">
				<ul>
					<li><a href="#">官方商城</a></li>
					<li><a href="#">全部产品<div></div></a></li>
					<li><a href="#">VIVE</a></li>
					<li><a href="#">配件</a></li>
					<li><a href="#">官方社区</a></li>
					<li><a href="#">最新活动</a></li>
				</ul>
			</div>
			<!--全部商品列表-->
			<div class="allProduct">
				<div class="allProduct_left">
					<ul>
						<li><a href="#">__ 智能手机</a></li>
						<li><a href="#">__ 相机</a></li>
						<li><a href="#">__ VIVE</a></li>
						<li><a href="#">__ 配件</a></li>
					</ul>
				</div>
				<div class="allProduct_right">
					<div class="allProduct_rightMain">
						<a href="#"><img src="img/allProduct/1.png"/></a>
						<a href="#">
							<span>HTC U11</span>
							<span><em>智感一握，耳目清新</em></span>
						</a>
					</div>
					<div class="allProduct_rightMain">
						<a href="#"><img src="img/allProduct/2.png"/></a>
						<a href="#">
							<span>HTC U Ultra 双屏全网通</span>
							<span><em>大热爱，小自在！</em></span>
						</a>
					</div>
					<div class="allProduct_rightMain">
						<a href="#"><img src="img/allProduct/3.png"/></a>
						<a href="#">
							<span>HTC 10</span>
							<span><em>十力觉醒</em></span>
						</a>
					</div>
					<div class="allProduct_rightMain">
						<a href="#"><img src="img/allProduct/4.png"/></a>
						<a href="#">
							<span>HTC Desire 10 pro 全网通双卡双待</span>
							<span><em>就是会玩儿</em></span>
						</a>
					</div>
				</div>
			</div>
			<!--搜索框部分-->
			<div class="search">
				<div class="search_top">
					<ul>
						<li><a href="#">在线客服</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">售后服务</a></li>
					</ul>
				</div>
				<div class="search_bottom">
					<span class="iconfont index"><img src="img/index/magnify.png"/></span>
					<input class="indexInput" type="text" name="search" id="search" value="搜索" onfocus="this.value=''" onblur="if(this.value==''){this.value='搜索'}" />
				</div>
			</div>
		</div>
		<!--导航部分结束-->
		
		<!--轮播图部分开始-->
		<div id="banner1">
			<div class="slide1">
				<div class="slide_wrap1">
					<ul>
						<li class="subscriptionLogo"><a href="#"><img src="img/index/banner4.jpg"/></a></li>
						<li><a href="#"><img src="img/index/banner1.jpg"/></a></li>
						<li>
							<a href="#"><img src="img/index/banner2.jpg"/></a>
							<div class="HTCU11Logo">
								<img src="img/index/htc-u11-logo-small.png"/>
								<p>智&nbsp;感&nbsp;一&nbsp;握&nbsp;，&nbsp;耳&nbsp;目&nbsp;一&nbsp;新</p>
								<span>
									<a href="#">立即购买</a>
									<a href="#">精彩视频</a>
								</span>
							</div>
						</li>
						<li><a href="#"><img src="img/index/banner3.jpg"/></a></li>
						<li class="subscriptionLogo">
							<a href="#"><img src="img/index/banner4.jpg"/></a>
							<div class="slide_wrapMain">
								<p>准备好开始今天的冒险了吗...</p>
								<p>每月畅玩五款VR应用程序</p>
								<a href="#">开始免费试用</a>
								<img src="img/index/viveport-subscription-logo.jpg"/>
							</div>
						</li>
						<li><a href="#"><img src="img/index/banner1.jpg"/></a></li>
					</ul>
				</div>
				<!--按钮部分-->
				<div class="btn1">
					<a href="javascript:;" class="prev"></a>
					<a href="javascript:;" class="next"></a>
				</div>
				<!--底部按钮部分-->
				<div class="tab1">
					<a href="javascript:;" class="active"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
				</div>
			</div>			
		</div>
		<!--轮播图部分结束-->
		
		<!--广告区域1部分开始-->
		<div id="advert1">
			<div class="advert1_left">
				<a href="#">
					<img />
					<div class="advert1Box box1"></div>
				</a>
			</div>
			<div class="advert1_mid">
				<a href="#">
					<img src="img/index/htc-eshop-X9-0310-zh-CN.jpg"/>
					<div class="advert1Box box2"></div>
				</a>
			</div>
			<div class="advert1_right">
				<a href="#">
					<img src="img/index/CN_HTC-community_banner.jpg"/>
					<div class="advert1Box box3"></div>
				</a>
			</div>
		</div>
		<!--广告区域1部分结束-->
		
		<!--智感一握，耳目一新广告区域部分开始-->
		<div id="advert2">
			<h2>智感一握，耳目一新</h2>
			<div class="advert2Main">
				<ul>
					<li>
						<a href="#">
							<img src="img/index/htc-u11-video-1.jpg"/>
							<span><img src="img/index/play-button-video-white.png"/></span>
							<div class="advert2Box box4"></div>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/index/htc-u11-video-2.jpg"/>
							<span><img src="img/index/play-button-video-white.png"/></span>
							<div class="advert2Box box4"></div>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/index/htc-u11-video-3.jpg"/>
							<span><img src="img/index/play-button-video-white.png"/></span>
							<div class="advert2Box box4"></div>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/index/htc-u11-video-4.jpg"/>
							<span><img src="img/index/play-button-video-white.png"/></span>
							<div class="advert2Box box4"></div>
						</a>
					</li>
				</ul>
			</div>
			<span><a href="#">HTC U11</a></span>
		</div>
		<!--智感一握，耳目一新广告区域部分结束-->
		
		<!--立即购买部分开始-->
		<div id="buyImmediately">
			<h2>马上购买</h2>
			<div class="buyImmediatelyContent">
				<div class="buyImmediatelyMain">
					<a href="#">
						<div class="buyImmediatelyList">
							<img src="img/index/buy1_1.png"/>
							<img src="img/index/buy1_2.png" class="hide"/>
						</div>
						<span>HTC U11</span>
						<span>立即购买<span>
					</a>
				</div>
				<div class="buyImmediatelyMain">
					<a href="#">
						<div class="buyImmediatelyList">
							<img src="img/index/buy2_1.png"/>
							<img src="img/index/buy2_2.png" class="hide"/>
						</div>
						<span>HTC U Ultra 双屏全网通</span>
						<span>立即购买<span>
					</a>
				</div>
				<div class="buyImmediatelyMain">
					<a href="#">
						<div class="buyImmediatelyList">
							<img src="img/index/buy3_1.png"/>
							<img src="img/index/buy3_2.png" class="hide"/>
						</div>
						<span>HTC Desire 10 pro 全网通双卡双待</span>
						<span>立即购买<span>
					</a>
				</div>
				<div class="buyImmediatelyMain special1">
					<a href="#">
						<div class="buyImmediatelyList">
							<img src="img/index/buy4_1.png"/>
							<img src="img/index/buy4_2.png" class="hide"/>
						</div>
						<span>HTC One X9</span>
						<span>立即购买<span>
					</a>
				</div>
				<div class="buyImmediatelyMain special2">
					<a href="#">
						<div class="buyImmediatelyList">
							<img src="img/index/buy5_1.png"/>
							<img src="img/index/buy5_2.png" class="hide"/>
						</div>
						<span>HTC Vive</span>
						<span>立即购买<span>
					</a>
				</div>
				<div class="buyImmediatelyMain special2">
					<a href="#">
						<div class="buyImmediatelyList">
							<img src="img/index/buy6.png"/>
						</div>
						<span>时尚的配件</span><i></i>
						<span>详细了解您的HTC智能手机。</span>
						<span>[ HTC配件 ]</span>
					</a>
				</div>
			</div>
			<span><a href="#">查看所有智能手机</a></span>
		</div>
		<!--立即购买部分结束-->
		
		<!--底部部分开始-->
		<div id="bottom">
			<div class="bottomContent">
				<div class="bottomLeft">
					<span>中国</span>
					<img src="img/index/globe_nbg.png" />
					<div class="bottomLeft_main">
						<div class="country">
							<h2>国家/地区</h2>
							<div class="delete">×</div>
							<div class="countryContent">
								<ul>
									<li><a href="#">Australia</a></li>
									<li><a href="#">Österreich</a></li>
									<li><a href="#">Bangladesh</a></li>
									<li><a href="#">Brazil</a></li>
									<li><a href="#">Canada - English</a></li>
									<li><a href="#">Canada - Français</a></li>
									<li><a href="#">Česká republika</a></li>
									<li><a href="#">中国</a></li>
									<li><a href="#">Danmark</a></li>
									<li><a href="#">Deutschland</a></li>
									<li><a href="#">España</a></li>
									<li><a href="#">Suomi</a></li>
									<li><a href="#">France</a></li>
									<li><a href="#">Hong Kong</a></li>
								</ul>
							</div>
							<div class="countryContent">
								<ul>
									<li><a href="#">香港</a></li>
									<li><a href="#">Hrvatska</a></li>
									<li><a href="#">India</a></li>
									<li><a href="#">Indonesia</a></li>
									<li><a href="#">Ireland</a></li>
									<li><a href="#">Italia</a></li>
									<li><a href="#">日本</a></li>
									<li><a href="#">Казахстан</a></li>
									<li><a href="#">América Latina</a></li>
									<li><a href="#">Malaysia</a></li>
									<li><a href="#">Magyarország</a></li>
									<li><a href="#">Middle East</a></li>
								</ul>
							</div>
							<div class="countryContent">
								<ul>
									<li><a href="#">الشرق الأوسط</a></li>
									<li><a href="#">Myanmar</a></li>
									<li><a href="#">Nederland</a></li>
									<li><a href="#">New Zealand</a></li>
									<li><a href="#">Norge</a></li>
									<li><a href="#">Pakistan</a></li>
									<li><a href="#">Россия и СНГ</a></li>
									<li><a href="#">Polska</a></li>
									<li><a href="#">România</a></li>
									<li><a href="#">Schweiz</a></li>
									<li><a href="#">Singapore</a></li>
									<li><a href="#">Sri Lanka</a></li>
									<li><a href="#">Sverige</a></li>
									<li><a href="#">台灣</a></li>
								</ul>
							</div>
							<div class="countryContent">
								<ul>
									<li><a href="#">ประเทศไทย</a></li>
									<li><a href="#">Türkiye</a></li>
									<li><a href="#">Україна</a></li>
									<li><a href="#">United Kingdom</a></li>
									<li><a href="#">United States</a></li>
									<li><a href="#">Việt Nam</a></li>
									<li><a href="#">Saudi Arabia</a></li>
									<li><a href="#">Egypt</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				
				
				
				
				
				
				<span>&copy; 2017 宏达国际电子股份有限公司</span>
				
				
				
				
				<div class="bottomMid">
					<span>
						<div class="bottomMain">
							<div class="bottomMain_content">
								<div class="bottomMain_left">
									<ul>
										<li>
											<ul>
												<li>全部产品</li>
												<li><a href="#">HTC 智能手机</a></li>
												<li><a href="#">HTC 如影</a></li>
												<li><a href="#">HTC 配件</a></li>
												<li><a href="#">線下門店</a></li>
											</ul>
										</li>
										<li>
											<ul>
												<li>HTC Club</li>
												<li><a href="#">官方社区</a></li>
											</ul>
										</li>
										<li>
											<ul>
												<li>创新</li>
												<li><a href="#">UltraPixel 摄像头</a></li>
												<li><a href="#">HTC 迁移</a></li>
												<li><a href="#">HTC Connect</a></li>
											</ul>
										</li>
									</ul>
									<ul>
										<li>
											<ul>
												<li>官方商城</li>
												<li><a href="#">全部手机</a></li>
												<li><a href="#">配件专区</a></li>
												<li><a href="#">售后服务</a></li>
											</ul>
										</li>
										<li>
											<ul>
												<li>关于HTC</li>
												<li><a href="#">新闻稿</a></li>
												<li><a href="#">公司概览</a></li>
												<li><a href="#">管理层</a></li>
												<li><a href="#">企业责任</a></li>
											</ul>
										</li>
									</ul>
									<ul>
										<li>
											<ul>
												<li>活动专区</li>
												<li><a href="#">进行中的活动</a></li>
											</ul>
										</li>
										<li>
											<ul>
												<li>网站</li>
												<li><a href="#">HTC Vive官方网站 </a></li>
												<li><a href="#">HTC Blog</a></li>
												<li><a href="#">HTC Dev</a></li>
												<li><a href="#">HTC Research</a></li>
											</ul>
										</li>
									</ul>
									<ul>
										<li>
											<ul>
												<li>技术支持</li>
												<li><a href="#">软件下载</a></li>
												<li><a href="#">产品保固说明</a></li>
												<li><a href="#">客户服务中心</a></li>
												<li><a href="#">中国-香港维修注册</a></li>
											</ul>
										</li>
										<li>
											<ul>
												<li>人才招募</li>
												<li><a href="#">加入我們</a></li>
											</ul>
										</li>
									</ul>
								</div>
								<div class="bottomMain_right">
									<img src="img/index/htc-footer-logo.png"/>
									<p>Copyright 2017 宏达国际电子股份有限公司。 著作权所有，并保留一切权利。</p>
									<span><a href="#">使用条款与客户私隐政策</a></span>
									<span><a href="#">沪ICP备10214397号-3</a></span>
								</div>
							</div>
						</div>
					</span>
				</div>
				
				
				
				<div class="bottomRight">
					<div class="rule">
						<ul>
							<li><a href="#">沪ICP备10214397号-8</a></li>
							<li>|</li>
							<li><a href="#">隐私政策</a></li>
							<li>|</li>
							<li><a href="#">产品安全</a></li>
						</ul>
					</div>
					<div class="connect">
						<ul>
							<li class="circle"></li>
							<li class="circle"></li>
							<li class="circle"></li>
							<li>连接</li>
						</ul>
						<div class="connectMain">
							<ul>
								<li><a href="#"><img src="img/index/weibo-color.png"/></a></li>
								<li><a href="#"><img src="img/index/qq-color.png"/></a></li>
								<li><a href="#"><img src="img/index/youku-color.png"/></a></li>
								<li><a href="#"><img src="img/index/renren-color.png"/></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部部分结束-->
		
		<script type="text/javascript" src="js/jquery-1.12.1.min.js" ></script>
		<script type="text/javascript" src="js/index.js" ></script>
		<script type="text/javascript" src="js/banner.js" ></script>
	</body>
</html>
